<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>丽子美妆列表页</title>
    <link rel="stylesheet" href="../css/header.css" />
    <link rel="stylesheet" href="../css/footer.css"/>
    <link rel="stylesheet" href="../css/list.css"/>
    <script src="../js/jquery-1.12.4.js"></script>
    <script src="../js/jquery.cookie.js"></script>
    <script src="../js/strOper.js"></script>
    <!--引入头部和页脚文件-->
    <script>
        $(function(){
            $("#header-yr").load("header.html");
            $("#yinru").load("footer.html");
        });
    </script>
</head>
<body>
<!--头部引入文件-->
<div id="header-yr"></div>
<!--详情页分类-->
<div id="xqSort_back">
    <div id="xqSort">
        <p class="all">
            <a href="http://localhost:63342/lizi/html/index.html?_ijt=pvuern29mpu6gn4inehnv5gncv">
                首页
            </a>
            &nbsp;&gt;&nbsp;
            <a href="#">
                全部
            </a>
            &nbsp;&gt;&nbsp;
            <a class="remove" href="#">
                睫毛膏/睫毛增长液
                <span class="iconfont">&#xe60f;</span>
            </a>
            <a href="#">清除全部</a>
        </p>
        <div class="options">
            <dl>
                <dt>功效:</dt>
                <div class="ddc ddc1">
                    <dd><a href="#">定妆(1)</a></dd>
                    <dd><a href="#">上色持久(6)</a></dd>
                    <dd><a href="#">卷翘纤长(6)</a></dd>
                    <dd><a href="#">防水彩妆(4)</a></dd>
                    <dd><a href="#">浓密(2)</a></dd>
                    <dd><a href="#">自然美瞳(1)</a></dd>
                </div>
                <a id="sq1" class="shou" href="#">
                    <span class="sq">更多</span>&nbsp;
                    <span id="shou1" class="iconfont arrow">&#xe604;</span>
                </a>
            </dl>
            <dl>
                <dt>品牌:</dt>
                <div class="ddc ddc2">
                    <dd><a href="#">菲诗小铺/THEFACESHOP(2)</a></dd>
                    <dd><a href="#">美宝莲/Maybelline(1)</a></dd>
                    <dd><a href="#">卡姿兰/CARSLAN(1)</a></dd>
                    <dd><a href="#">井田/CANMAKE(1)</a></dd>
                    <dd><a href="#">希芸/Syrinx(1)</a></dd>
                    <dd><a href="#">巧迪尚惠/Qdsuh(3)</a></dd>
                </div>
                <a id="sq2" class="shou" href="#">
                    <span class="sq">更多</span>&nbsp;
                    <span id="shou2" class="iconfont arrow">&#xe604;</span>
                </a>
            </dl>
            <dl>
                <dt>价格:</dt>
                <div class="ddc">
                    <dd><a href="#">99元以内(7)</a></dd>
                    <dd><a href="#">100-199元(2)</a></dd>
                </div>
            </dl>
        </div>
        <div class="xqsort">
            <a href="#">销量</a><span>|</span>
            <a href="#">人气</a><span>|</span>
            <a href="#">价格</a><span>|</span>
            <a href="#">上新</a>
        </div>
        <div class="xqproducelist">
            <ul></ul>
        </div>
    </div>
</div>
<!--页脚引入-->
<div id="yinru"></div>

<!--js引入-->

<script src="../js/list.js"></script>
</body>
</html>